<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="../public/layui/css/layui.css"/>
    <link rel="stylesheet" href="../public/css/basic.css"/>
    <link rel="stylesheet" href="../public/css/manage.css"/>
    <script src="../public/js/jquery-1.11.1.min.js"></script>
    <title>历史数据</title>
    <style>

    </style>
</head>
<body >
<div class="layui-form">
    <div class="layui-form">
        <div class="search">
            <div class="layui-input-inline "  style="margin-right: 20px">
                <div class="layui-input-block" style="width: 150px;margin-left:0">
                    <select name="interest" lay-filter="aihao">
                        <option value="">所有</option>
                        <option value="0">区域1</option>
                        <option value="1" selected="">区域2</option>
                        <option value="2">区域3</option>
                        <option value="3">区域4</option>
                        <option value="4">区域5</option>
                    </select>
                </div>
            </div>
            <div class="layui-input-inline "  style="margin-right: 20px">
                <div class="layui-input-block" style="width: 150px;margin-left:0">
                    <select name="interest" lay-filter="aihao">
                        <option value="">所有</option>
                        <option value="0">区块1</option>
                        <option value="1" selected="">区块2</option>
                        <option value="2">区块3</option>
                        <option value="3">区块4</option>
                        <option value="4">区块5</option>
                    </select>
                </div>
            </div>
            <button  class="layui-btn ml20 ">搜索</button>
            <button  class="layui-btn ml20 fr">导出excel</button>
            <div class="layui-inline fr">
                <label class="layui-form-label" style="padding-left: 0;width:80px;">结束时间</label>
                <div class="layui-input-inline" style="margin-left:5px;width: 100px">
                    <input type="text" class="layui-input" id="date2" >
                </div>
            </div>
            <div class="layui-inline fr">
                <label class="layui-form-label" style="padding-left: 0;width:80px;">开始时间</label>
                <div class="layui-input-inline" style="margin-left:5px;width: 100px">
                    <input type="text" class="layui-input" id="date1" >
                </div>
            </div>
        </div>
        <table class="layui-table">
            <thead>
            <tr>
                <th>区域</th>
                <th>区块</th>
                <th>环境参数</th>
                <th>数值</th>
                <th>时间</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1#棚二区</td>
                <td>育苗</td>
                <td>光照强度</td>
                <td>0KLux</td>
                <td>2017年9月06日  21:07:56</td>
            </tr>
            <tr>
                <td>1#棚二区</td>
                <td>育苗</td>
                <td>光照强度</td>
                <td>0KLux</td>
                <td>2017年9月06日  21:07:56</td>
            </tr>
            <tr>
                <td>1#棚二区</td>
                <td>育苗</td>
                <td>光照强度</td>
                <td>0KLux</td>
                <td>2017年9月06日  21:07:56</td>
            </tr>
            <tr>
                <td>1#棚二区</td>
                <td>育苗</td>
                <td>光照强度</td>
                <td>0KLux</td>
                <td>2017年9月06日  21:07:56</td>
            </tr>
            <tr>
                <td>1#棚二区</td>
                <td>育苗</td>
                <td>光照强度</td>
                <td>0KLux</td>
                <td>2017年9月06日  21:07:56</td>
            </tr>

            </tbody>
        </table>
    </div>
    <div class="fy">这里是分页</div>
</div>
<script src="../public/layui/layui.js"></script>
<script>
    layui.use(['form','laydate'], function() {
        var form = layui.form;
        var laydate = layui.laydate;
        laydate.render({
            elem: '#date1'

        });
        laydate.render({
            elem: '#date2'
        });

    })




    $(".dc").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '导出数据',
            area: ['80%', '80%'],
            content: 'manage4-poup1.html'
        });
    });




</script>

</body>
</html>